/* 
    Document   : main_stylesheet
    Created on : Apr 25, 2010, 10:30:18 AM
    Author     : Naya-Darice Ramos
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image: url(../img/background.jpg);
	font-size: 90%;
	margin:0;
        margin-top: 10px;
	}

/********************************	BEGIN WRAPPER STYLES	********************************/

#Page_Wrapper {
	width: 900px;
	margin: 0px auto;
	padding: 0px;
	position:relative;
        border: solid 1px;
}

#Content_Wrapper {
	margin:0;
	padding:0;
}


/********************************	END WRAPPER STYLES	********************************/

/********************************	BEGIN HEADER STYLES	********************************/

#Header {
	margin: 0px;
	clear: both;
	background-color: #fff;
	color: #299E78;
	font-weight: bold;
	padding:5px 10px;
        min-height:150px;
        font-size: 120%;
}

#Header img{
    float: left;
}

#Header span{
    font-size: 4em;
    color:#540114;
}


/********************************	END HEADER STYLES	********************************/

/********************************	BEGIN NAVIGATION STYLES	********************************/

#Left_Navigation{
	float:left;
	width:180px;
	margin:0;
	padding:10px;
	font-size:100%;
        background-color: #fff;
}

#Left_Navigation h1{
	font-size:98%;
	background:#ff7401;
	text-align:center;
}

#Left_Navigation ul{
	list-style:none;
	padding:3px;
}

#Left_Navigation ul li ul{
	display:none;
}

#Left_Navigation ul li:hover ul{
	position:absolute;
	left:19%;
	background-color:#fff;
	border:1px solid #000;
	display:block;
}

#Left_Navigation ul li a{
	text-decoration:none;
	font-weight:bold;
	color:#489E82;
}

#Left_Navigation ul li a:hover{
	font-weight:bold;
	color:#97AB4E;
}

/********************************	END NAVIGATION STYLES	********************************/

/********************************	BEGIN CONTENT STYLES	********************************/

#Content {
	margin-top: 0px;
	background-color: #FFFFFF;
	padding:10px 30px 10px 190px;
	min-height:400px;
	color:#000000;
	font-size:100%
}

#Content h1{
    font-size: 2em;
    color: #97AB4E;
}

#Content a{
	text-decoration:none;
	font-weight:bold;
	color:#489E82;
}

#Content a:hover{
	font-weight:bold;
	color:#97AB4E;
}

/********************************	END CONTENT STYLES	********************************/

/********************************	BEGIN FOOTER STYLES	********************************/

#Footer {
	margin: 0px;
	clear: both;
	background-color:#fff;
	color: #013D29;
	text-align: center;
	padding:5px 0px;
        min-height: 25px;
        font-weight: bold;
}